import React, {Component} from 'react';
import {inject, observer} from 'mobx-react';
import cssModules from 'react-css-modules';
import {Modal, Button} from 'antd';
import {random6} from '../../util/tool.js';

import styles from './style.less';

@observer
@cssModules(styles)
class EditModal extends Component {
  constructor(props) {
    super(props);
  }
  handleOk = () => {};
  handleCancel = () => {};

  render() {
    const {visible, handleCancel, addtionUnit} = this.props;

    return (
      <Modal
        title="新增户室"
        visible={visible}
        destroyOnClose={true}
        width={300}
        styleName={'new-room-modal'}
        footer={null}
        onCancel={handleCancel}>
        <Button styleName={'btn'} onClick={addtionUnit}>
          添加单元
        </Button>
      </Modal>
    );
  }
}

export default EditModal;
